@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    background: url("background.jpg") no-repeat fixed left top #000000;
    color: #333300;
    font: 10px Arial, Geneva, sans-serif;
    margin: 0;
    min-width: 960px;
    padding: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {clear:both;}
h2 {font-size:16px; font-weight:bold; color:#4D3B84;}
li{list-style:none;}
a {color:#5b5b5b; text-decoration:none;}
a:hover{opacity:0.7; filter:alpha(opacity=70);}
.white{color:#ffffff;}
.red_text {color:#F03;}
.gray_text {color:#5b5b5b;}
.required {color:#F00; font-size:12px; font-weight:bold; padding-right:5px; padding-left:5px;}
.bold {font-weight:600;}
.small_text {font-size:10px;}
.nav {clear:both;}



#search {background-color:#c2d7de; padding:10px; border-bottom:1px solid #b2c4ca;}
#search_container {background-color:#d3eaf2; padding:3px; width:480px; border-radius:5px; margin:auto;}


/* ----------------------------------------LAYOUT
------------------------------------------------------------------------------------------------*/
#header_contianer {
    /*background-color: black;*/
    height: 100px;
    display: block;
    overflow: hidden;
}
#footer {width:960px; margin:auto; text-align:right; font-size:10px; padding-top:10px; margin-bottom:50px; color:#666666; clear:both;}

/* -----------Gray btn--------------------*/
a.gray_btn {clear:both; display:block;}
a.float {clear:inherit; float:left; margin-left:10px;}
a.gray_btn span.grayBtn_head, a.gray_btn span.grayBtn_tail {background:url(btn_grey_head.gif) 0 0 no-repeat; height:27px; width:4px; float:left; display:block;}
a.gray_btn span.grayBtn_tail {background-image:url(btn_grey_tail.gif)}
a.gray_btn span.grayBtn_content{background:url(btn_grey_center.gif) 0 0 repeat-x; height:27px; float:left; display:block; padding:0px 8px; line-height:27px; font-size:12px; color:#000000;}
a.gray_btn:hover span.grayBtn_content, a.gray_btn:hover span.grayBtn_tail, a.gray_btn:hover span.grayBtn_head {opacity:0.7; filter:alpha(opacity=70);}
a.gray_btn span.grayBtn_content img{vertical-align:middle; padding-right:5px; padding-bottom:2px}

/* ----------------------------------------HEADER
------------------------------------------------------------------------------------------------*/
#header {width:960px; display:block; padding:15px 20px; margin:-5px auto 0px; overflow:hidden;}
#logo {float:left; display:block;}
ul#header_menu {float:left; margin-left:40px;}
ul#header_menu li, #menu_content ul li {float:left; margin-right:20px;}
ul#header_menu li img.icon_menu, a#logout img.icon_menu, #menu_content ul li img.icon_menu, #title img.icon_menu{padding-right:10px; float:left; clear:both;}
ul#header_menu li a, a#logout, #menu_content ul li a, #title span{color:#e4d8ff; text-decoration:none; float:left; line-height:30px; font-weight:600; font-size:14px}
#language {background:url(backgorund_select.png) 0 0 no-repeat; width:120px; height:27px; display:block; float:right; overflow:hidden; margin-right:30px; font-weight:800}
#language select{background: transparent; border:none; width:135px; margin:5px; -webkit-appearance: none;}
a#logout {float:right;}
#header a {color:#e4d8ff;}
#header a:hover {color:#fff;}
span.menu-icon {width:30px; height:30px; display:block; overflow:hidden; background:url(shop-ico.png) 0 0 no-repeat; float:left; margin-right:5px;}
ul#header_menu li a:hover{opacity:1; filter:alpha(opacity=100);}

span.menu-icon.home {background-position:-8px -55px;}
ul#header_menu li a:hover span.menu-icon.home {background-position:-8px -195px;}

span.menu-icon.register {background-position:-6px -100px;}
ul#header_menu li a:hover span.menu-icon.register {background-position:-6px -238px;}

span.menu-icon.login {background-position:-100px -55px;}
ul#header_menu li a:hover span.menu-icon.login {background-position:-100px -194px;}

span.menu-icon.moxian {background-position:-155px -102px;}
ul#header_menu li a:hover span.menu-icon.moxian {background-position:-155px -238px;}

span.menu-icon.cr {background-position:-7px -150px;}
ul#header_menu li a:hover span.menu-icon.cr {background-position:-7px -282px;}

span.menu-icon.help {background-position:-190px -60px;}
ul#header_menu li a:hover span.menu-icon.help {background-position:-190px -200px;}

span.menu-icon.logout {background-position:-230px -60px;}
ul#header_menu li a:hover span.menu-icon.logout {background-position:-230px -200px;}

a.logo {width:112px; height:32px; display:block; overflow:hidden; background:url(shop-ico.png) -8px -9px no-repeat;}
a.logo:hover {background-position:-125px -10px; opacity:1; filter:alpha(opacity=100);}

/* ----------------------------------------Content---------------------------------------------------------------------------------*/
#content {width:960px; margin:auto; border:1px solid #dadada; margin-top:15px; overflow:hidden; background:url(background_content_repeat.jpg) 0 0 repeat; }

div.error#content  {background:none; border:none; margin-top:100px; }

#menu {display:block; overflow:hidden; padding-top:1px}
span#menu_left {background:url(background_menu_left.jpg) 0 0 no-repeat; height:63px; width:12px; display:block; float:left;}
#menu_content{ background:url(backgroudn_menu_repeat.jpg) 0 0 repeat-x; height:63px; width:936px; display:block; float:left; }
span#menu_right {background:url(background_menu_right.jpg) 0 0 no-repeat; height:63px; width:12px; display:block; float:left;}
#menu_content ul {width:580px; display:block; margin: 15px auto;}
#menu_content ul li a, #title span{color:#000000; font-weight:800}
#menu_content ul li a:hover,  #menu_content ul li.selected{color:#959d9e; }
#menu_content ul li:hover img.icon_menu, #menu_content ul li.selected{opacity:0.7; filter:alpha(opacity=70);}
#menu_content ul li.menu_last {margin-right:0px}
span#menu_shadow {background:url(backgorund_menu_shadow.png) 0 0 no-repeat; height:7px; display:block; width:960px; float:left;}


#title {height:29px; display:block; clear:both; background:url(background_title_repeat.jpg) 0 0 repeat-x; width:915px; margin:-5px 1px 0px 1px; padding:8px; padding-left:35px;}

#side_menu {width:199px; display:block; float:left; background:url(background_content_repeat.jpg) 0 0 repeat; padding-bottom:50px; overflow:hidden; clear:both}
#main_content {min-height:430px; width:760px; display:block; float:left; background:url(background_content_repeat.jpg) 0 0 repeat; border-left:1px solid #d7d7d7; overflow:hidden}


#sub_title {height:35px; background:url(background_title_repeat_darker.jpg) 0 0 repeat; display:block; clear:both;}
#sub_title.highlight {background:url(background_highlight.jpg) center center repeat-x; color:#ffffff; clear:both; margin-top:-1px}
#sub_title.famous {background:url(background_famous.jpg) center center repeat-x; color:#ffffff; clear:both; margin-top:-1px}
#sub_title.none {background:none; clear:both;}
#sub_title p {line-height:35px; font-weight:600; float:left;}
#sub_title a img {float:right; padding-right:20px; padding-top:8px}
#sub_title a:hover img {opacity:0.7; filter:alpha(opacity=70);}
#sub_title span#violet, #sub_title span#red {width:7px; background-color:#4d3b84; display:block; height:35px; float:left; margin-right:15px}
span.smaller {height:20px; width:7px; display:block; float:left; margin-right:10px; margin-top:5px}
span.taller {width:7px; display:block; height:35px; float:left; margin-right:15px}
span.purple {background-color:#4d3b84;}
span.red {background-color:#d90000;}
span.yellow {background-color:#ffc938;}
span.orange {background-color:#ff5a00;}
span.blue {background-color:#3875ff;}
span.green {background-color:#8ed30a;}
span.more {float:right; line-height:35px; font-size:12px; margin-right:20px}
span.shadow_long {background:url(divider_760.png) 0 0 no-repeat; width:759px; height:7px; display:block; position:relative; top:2px;}
span.shadow_mid {background:url(divider_380.png) 0 0 no-repeat; width:379px; height:7px; display:block; position:relative; top:2px;}
span.shadow_short {background:url(divider_200.png) 0 0 no-repeat; width:199px; height:7px; display:block; position:relative; top:2px;}
#main_content_full {width:730px; padding:15px; overflow:hidden; clear:both; float:left; background:url(backgroudn_content_area.png) bottom right no-repeat;}
#main_content_half {width:380px; overflow:hidden; float:left;}
#content_area {background:url(backgroudn_content_area.png) bottom right no-repeat; padding:15px; padding-bottom:30px}
/*------
#photo { padding: 5px 15px 5px 23px}
#photo ul li{display:inline; width:50px; height:60px; padding:5px 5px}
#photo ul li a {width:50px; font-size:11px;}
-------*/
#photo {padding: 10px 30px; position:relative;}


#new_member li{display:inline-block; width:50px; padding:0px 10px;  overflow:hidden;}
#new_member li a img {padding-bottom:5px; max-height:50px; vertical-align:middle}
#new_member li a {width:50px; font-size:11px; text-align:center; display:block;}
#photo a.bx-prev{top:25px; position:absolute; left:-25px}
#photo a.bx-next {top:25px; position:absolute; right:-25px;}



ul#title_menu li{text-align:center; border-bottom:1px solid #d7d7d7; }
ul#title_menu li a{text-decoration:none; font-weight:600; color:#000; font-size:14px; width:192px; display:block; margin-left:7px; padding:10px 0px; background:url(background_content_repeat.jpg) 0 0 repeat;}
ul#title_menu li:hover, ul#title_menu li.selected { background:url(background_menu_mark.jpg) 0 0 no-repeat; }
ul#title_menu li a:hover, ul#title_menu li.selected a{background-image:url(background_title_repeat_darker.jpg);}

div#avatar {padding:25px 0px;}
div#avatar img {display:block; margin:auto;}

#news {overflow:hidden; padding:15px 0;}
#news span{float:left; padding-right:15px; display:block; width:100px; padding-left:15px; font-size:15px}
marquee {float:left; width:628px; display:block}
marquee a{color:#ff5a00; font-size:13px; margin-right:200px; text-decoration:none}


/* ----------------------------------------product list
------------------------------------------------------------------------------------------------*/
#product_slide_show {position:relative; clear:both}
#product_slide_show li{width:162px; padding:0px 10px}
#product_list {width:160px;  display;  border:1px solid #cbcbcb; border-radius:5px; overflow:hidden;} /* height 200px without overflow hidden*/
#product_image {
	height:127px;

  	text-align:center;
	position:relative;
    width: 160px;
	overflow:hidden;
}
#product_image a img{max-height:127px; vertical-align:middle; }
#product_image a.view img{position:absolute; top:8px; right:8px;}
#product_image a:hover img {opacity:0.7; filter:alpha(opacity=70);}
#product_title{padding:10px; font-size:13px; font-weight:600; color:#000; height:30px; overflow:hidden;}
#product_option {clear:both; border-top: 1px solid #CCCCCC; padding-top:5px;}
#product_option ul.icon_action{float:right; padding:5px 10px}
#product_option ul.icon_action li{display:inline; padding:0px;}
#product_option ul.icon_action li a:hover{opacity:0.7; filter:alpha(opacity=70);}
a.bx-prev, a.bx-next { background:url(ico_slideshow%20control.png) 0 0 no-repeat; display:block; width:15px; height:15px; overflow:hidden; text-indent:-9999px}
a.bx-next  {background-position:-16px 0px}
.product {position:relative;}
.product a.bx-prev {position:absolute; left:-5px; top:100px}
.product a.bx-next {position:absolute; right:-4px; top:100px}

/*-------------------------------------------product list page-----------------------------------------------------*/
.product_result #product_slide_show li {float:left; margin-bottom:5px;}
.product_result #product_option ul.icon_action{float:right; padding:5px 10px}
.product_result #product_option ul.icon_action li{ padding:0px; width:20px; height:20px; padding-left:5px; }
.product_result #product_option ul.icon_action li a:hover{opacity:0.7; filter:alpha(opacity=70);}
#product_list_ctrl{padding:10px; overflow:hidden; clear:both;}
#pagination li {float:left; padding:0px 2px; line-height:20px; overflow:hidden;}
#pagination li a#prev {background:url(icon_back_pag.png) 0 0 no-repeat; width:20px; height:20px; display:block; overflow:hidden; text-indent:-99999px;}
#pagination li a#next {background:url(icon_next_pag.png) 0 0 no-repeat; width:20px; height:20px; display:block; overflow:hidden; text-indent:-99999px;}
#pagination li a#last_page {width:18px; height:18px; display:block; background-color:#f2f2f2; border:1px solid #e1e1e1; text-align:center; margin-left:5px;}
#pagination li a#go {background:url(icon_search_big.png) 0 0 no-repeat; width:20px; height:20px; display:block; overflow:hidden; text-indent:-99999px;}
.pagi_bottom{ border-top:1px solid #d7d7d7;}

.product_detail #product_slide_show{margin:10px; margin-left:25px}
.product_detail #product_slide_show li {float:left; margin-bottom:15px;}
.product_detail #product_option ul.icon_action{float:right; padding:5px 10px}
.product_detail #product_option ul.icon_action li{ padding:0px; width:20px; height:20px; padding-left:5px; }
.product_detail #product_option ul.icon_action li a:hover{opacity:0.7; filter:alpha(opacity=70);}

/*-------------------------------------------product Detail-----------------------------------------------------*/
.product_detail {overflow:hidden; font-size:12px; color:#5b5b5b;}
.product_detail #product_view{width:310px; display:block; float:left; overflow:hidden; padding:10px;}
.product_detail #product_desc{width:610px; display:block; float:left; overflow:hidden; padding:10px}

#product_view ul#product_view_slide {overflow:hidden;}
#product_full_frame, #product_view div.thumbs a{border:1px solid #f0f0f0; padding:2px;}
#product_view ul#product_view_slide li a img {width:300px; max-height:300px;  display:block;}
#product_view div.thumbs a {float:left; margin:5px}
#product_view div.thumbs a img {width:100%; max-height:70px; max-width:70px; display:block;}

span.product_name {font-size:22px; font-weight:500; color:#000000; float:left;}
#review, #review a{font-size:10px; color:#4d3a8b; clear:both;}
#available {padding-top:10px; line-height:20px; font-size:11px;}
#add_cart{border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-top:10px; padding:10px;}
span#price {font-size:24px; color:#4d3a8b; background:url(ico_money.png) 0 3px no-repeat; padding-left:25px;}
#option {background-color:#f7f7f7; padding:10px; margin:10px 0px; border:1px solid #f0f0f0;}
#short_desc {line-height:17px; margin:10px 0px; color:#b5b5b5; font-size:12px; height: 150px;}
#short_desc ul{margin-left:15px; margin-top:10px;}
#short_desc ul li{list-style:disc; line-height:20px; }
#product_desc a span.like {background:url(ico_like.png) 0 0 no-repeat; width:20px; height:20px; display:block; float:left; margin-left:15px;}
#product_desc a span.liked {background:url(ico_liked.png) 0 0 no-repeat; width:20px; height:20px; display:block; float:left; margin-left:15px;}

a span.like {background:url(ico_like.png) 0 0 no-repeat; width:20px; height:20px; display:block; float:left; margin-left:15px;}
a span.liked {background:url(ico_liked.png) 0 0 no-repeat; width:20px; height:20px; display:block; float:left; margin-left:15px;}

#breadcrumb {width:960px; margin:auto; position:relative; padding-top:10px;}
#breadcrumb p{position:absolute; top:8px; font-size:10px}

.breadcrumb a{
background: transparent url(breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.hide { position: absolute; top: -9999px; left: -9999px; }

#tab_view { padding: 10px; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#tab_view .nav { overflow: hidden; }
#tab_view .nav li { float: left; margin: 0 10px 0 0;}
#tab_view .nav li.last { margin-right: 0; }
#tab_view .nav li a { display: block; padding: 10px; color:#513c87; font-size: 12px; text-align: center; border: 0; background-color:#FFF}
#tab_view .nav li a.current{border:1px solid #d7d7d7; border-bottom:1px solid #ffffff; background-color:#FFF; color:#000; }
#tab_view .nav li a:hover {background:url(background_title_repeat_darker.jpg) 0 0 repeat; border-bottom:1px solid #d7d7d7;}
.list-wrap {border:1px solid #d7d7d7; padding:10px; background-color:#FFF; margin-top:-2px;}
.list-wrap p{ line-height:20px; font-size:12px;}




/* ----------------------------------------sitemap_wrapper ------------------------------------------------------------*/
#sitemap_wrapper {width:960px; overflow:hidden; background:url(background_content_repeat.jpg) 0 0 repeat; margin:auto; padding:10px 0px; margin-bottom:10px; padding-bottom:0px}
#sitemap{width:760px; float:right; background:url(backgroudn_content_area.png) bottom right no-repeat; padding-bottom:15px;}
#sitemap ul li {padding:3px 0px 3px 20px;}
#sitemap ul li a{ color:#000000;}
#sitemap ul li a:hover {color:#666666;}


/* ----------------------------------------GLossy Menu ----------------------------------------------------------------------*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 199px; /*width of menu*/
text-align:left;
text-indent: 10px;
}
.glossymenu a{color:#0F3;}

.glossymenu a.menuitem{
text-decoration:none; font-weight:600; color:#000; font-size:12px; width:179px; display:block; padding:10px; background:url(background_content_repeat.jpg) 0 0 repeat;
border-bottom:1px solid #d7d7d7;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000;
font-weight:600; color:#000; font-size:12px; width:179px; display:block; padding:10px; background:url(background_content_repeat.jpg) 0 0 repeat;
border-bottom:1px solid #d7d7d7;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover, .glossymenu a.menuitem.selected{
background:url(background_menu_rollover.jpg) 0 0 repeat;
}

.glossymenu div.submenu_content{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu_content ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu_content ul li{
border-bottom:1px solid #f0f1f2;
}

.glossymenu div.submenu_content ul li a{
display: block;
color: #3a87ad;
text-decoration: none;
padding: 7px 0;
padding-left: 10px;
font-size:12px;
}

.glossymenu div.submenu_content ul li a:hover{
background: #f3f3f3;
colorz: white;
}

.icon_menu_custom {width:auto; height:17px; padding-right:5px; vertical-align:middle; padding-bottom:2px}

#ads {float:left;}
#ads ul{margin-top:10px;}
#ads a{opacity:1; filter:alpha(opacity=100);}
#ads a img {margin:5px; border:1px solid #CCCCCC; background-color:#999999}

/* ----------------------------------------Table
------------------------------------------------------------------------------------------------*/
#main_content_full table {}
#main_content_half table {width:380px;}
table.half {width:300px;}
table.full {width:700px;}
table {font-size:12px;}
table a:hover img {opacity:0.7; filter:alpha(opacity=70);}
table.styled_table thead {background:url(background_thead.jpg) center center repeat-x; line-height:24px; font-weight:bold;}
table.styled_table tbody {font-size:13px; color:5b5b5b;line-height:20px;}
table.styled_table, table.styled_table tr, table.styled_table tr td {border:1px solid #dddddd;}
table.styled_table tr:hover td {background-color:#f5f5f5;}
table.styled_table tr.highlight {background-color:#f9f9f9;line-height:20px;}
table.styled_table tr.total {line-height:24px; font-weight:bold;}
input.qty {width:30px;}









/* ----------------------------------------Merchant front page ------------------------------------------------------------------------------------------------*/
#main_title_wrapper {padding:10px; background-color:#FFF; overflow:hidden;}
#main_title_wrapper img.merchant_logo{width:85px; height:auto; padding-right:15px; float:left;}
#main_title {width:610px; float:left; padding:5px; margin-right:10px;}
#summary_info {width:200px; float:left; padding:5px;}

#main_title span{font-size:20px; font-weight:bold; float:left}
#main_title a span.like {background:url(ico_like.png) 0 0 no-repeat; width:20px; height:20px; display:block; float:left; margin-left:15px;}
#main_title a span.liked {background:url(ico_liked.png) 0 0 no-repeat; width:20px; height:20px; display:block; float:left; margin-left:15px;}
ul#data{padding-top:10px;}
ul#data li{display:inline; padding-right:15px; font-size:12px; line-height:20px}

#summary_info ul {float:right;}
#summary_info ul li{float:left; font-size:12px; margin-right:8px; vertical-align:super; line-height:20px; }
#summary_info ul li a img {float:left; vertical-align:middle}

p.info {background:url(ico_info.png) 0 0 no-repeat; padding-left:33px; line-height:30px; padding-bottom:20px; font-weight:bold;}
p.info_desc{padding:0px 15px 15px 30px; font-size:14px; line-height:24px;}
p.search {background:url(icon_search_big.png) 0 0 no-repeat; padding-left:23px; line-height:25px; padding-bottom:20px; font-weight:bold; color:#000099;}


#poster {width:760px; float:left; height:150px;}
#hot_product {width:200px; float:left; background-color:#ebebeb; height:250px; color:#5b5b5b;}
#hot_title { height:42px; display:block; padding-left:10px; color:#ffffff; line-height:42px; font-size:14px; background:url("header_background.jpg") repeat-x scroll 0 -10px transparent; border-bottom:1px solid #d2d2d2}
#hot_title img{float:left; padding-right:10px;}
ul#hot_product_slide {width:197px;}
ul#hot_product_slide li{width:150px; height:185px; display:block; overflow:hidden;}
#hot_product_frame {padding:20px 0px 0px 25px;}
#hot_product a.bx-prev, #hot_product a.bx-next { background:url(ico_hot_ctr.jpg) 0 0 no-repeat; display:block; width:15px; height:15px; overflow:hidden; text-indent:-9999px}
#hot_product a.bx-next  {background-position:-15px 0px}
#hot_product {position:relative;}
#hot_product a.bx-prev {position:absolute; left:-15px; top:80px}
#hot_product a.bx-next {position:absolute; right:-15px; top:80px}
#hot_product_name {margin:9px 0px; vertical-align:bottom; overflow:hidden;width:150px;}
#hot_product_name span.name a{float:left; color:#5b5b5b; }
#hot_product_name span img {float:left; margin-right:5px;}
#hot_product_name span.price a{float:right; color:#5b5b5b; background:url(ico_money_black.png) 0 0 no-repeat; padding-left:20px; padding-bottom:3px}

ul#hot_product_slide li.pager a div#hot_product_images{width:150px; height:150px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; border:1px solid #c6c6c6; background-color:#e2e2e2;}
ul#hot_product_slide li.pager a div#hot_product_images img {max-width:150px; max-height:150px; overflow:hidden}

div#shop {width:670px; margin:0px auto; padding:0px 15px; height:220px; overflow:hidden;}
ul.shop_outlook {}
ul.shop_outlook li{display:inline-block; width:200px; height:200px; padding:10px;}
ul.shop_outlook li a{ display:table-cell; width:200px; height:200px; vertical-align:middle; text-align:center; background:#f9f9f9; border:1px solid #f0f0f0;}
ul.shop_outlook li a img {max-height:200px; max-width:200px;}

div#shop div.bx-wrapper {}
div#shop div.bx-wrapper a.bx-prev{position:relative; top:-100px; left:-4px}
div#shop div.bx-wrapper a.bx-next{position:relative; top:-115px; right:-650px}

/* ----------------------------------------input file testing ------------------------------------------------------------------------------------------------*/
div.fileinputs {
	position: relative;
	padding-right:50px;

}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;

}

div.fakefile a.gray_btn {float:right; padding-left:5px}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/* ----------------------------------------Login------------------------------------------------------------------------------------------------*/
#login {width:380px; display:block; border:1px solid #cccccc; border-radius:2px; margin:100px auto}
#login_heading {height:30px; display:block; line-height:30px; padding:15px; font-weight:bold; font-size:16px; border-bottom:1px solid #cccccc; background:url(background_title_repeat_darker.jpg) 0 0 repeat;}
#login_content {background:url(background_content_repeat.jpg) 0 0 repeat; padding:25px; display:block; margin-top:-5px;}
#login span.shadow_mid {margin-top:-5px;}
p.center {text-align:center;}
#login span#warning {background-color:#d9edf7; padding:10px; border:1px solid #bce8f1; color:#3a87ad; float:left; margin:5px; font-size:11px;}
#warning {background-color:#d9edf7; padding:10px; border:1px solid #bce8f1; color:#3a87ad; float:left; margin:5px; font-size:11px;}
#login #username, #login #userpassword, #login #secure{width:200px; display:block; margin:auto;}
#login_btn {background-color:#f7f7f7; height:45px; padding:10px; border-top:1px solid #cccccc; color:#CCCCCC;}
#login span.link a{font-size:11px; color:#3a87ad;}
#login span.link a:hover{text-decoration:underline;}



/* ----------------------------------------comemnts --------------------------------------------------------------------------------------*/
body.comments {background:none;}

#comments_container{width:800px; display:block; background:url(background_content_repeat.jpg) 0 0 repeat; overflow:hidden; padding-bottom:15px;}
#title_comments {height:29px; display:block; clear:both; background:url(background_title_repeat.jpg) 0 0 repeat-x;  margin:1px 1px 0px 1px; padding:8px; padding-left:25px;}
#title_comments img.icon_menu{float:left; padding-right:10px}
#title_comments span{color:#000000; float:left; font-weight:600;  line-height:30px;}
#title_comments span.more {float:right;}
span.shadow_comments {background:url(divider_800.png) 0 0 no-repeat; width:800px; height:7px; display:block; position:relative; top:2px;}
span.shadow_comments_long {background:url(divider_920.png) 0 0 no-repeat; width:920px; height:7px; display:block; position:relative; top:2px;}
span.comments_date {float:right; font-size:11px; font-weight:normal; color:#666;}
span.comments_number {float:left;}
#comments_author{margin-bottom:10px; font-weight:bold;}
#latest_comments{background:url(background_title_repeat_darker.jpg) 0 0 repeat; display:block; padding:15px; margin:15px; line-height:20px; font-size:13px; position:relative;}
#leave_comments {display:block; padding:15px;}
a.comments_btn{float:right; margin-top:70px;}

.product_detail #comments_container{width:920px;}


#latest_comments a.bx-prev {position:absolute; right:30px; bottom:8px}
#latest_comments a.bx-next {position:absolute; right:10px; bottom:8px}
.bx-pager{margin-top:10px; background-color:#efefef; border:1px solid #eaeaea; padding:5px}
.bx-pager a {padding-right:5px;}
a.pager-active {color:#F00;}



/* ----------------------------------------error help---------------------------------------------------*/
.error a{color:#3a87ad}
#error_help li{ display:inline; color:#999999;}
#error_help li a{color:#3a87ad}
#error_message {background-color:#d9edf7; padding:10px; border:1px solid #bce8f1; color:#3a87ad; margin:15px; font-size:16px; line-height:23px}


/* ----------------------------------------super admin
------------------------------------------------------------------------------------------------*/
.super_admin ul#header_menu{float:right;}
.super_admin #content {margin-top:0px;}


#tab_menu {width:960px; margin:30px auto 0px;}

#tab_menu .nav { overflow: hidden; margin:0px }
#tab_menu .nav li {float: left; margin:0px; border:1px solid #eaeaea; border-bottom:none;}
#tab_menu .nav li.last { margin-right: 0; }
#tab_menu .nav li a { display: block; padding: 8px 15px; color:#5b5b5b; font-size: 14px; text-align: center; border: 0; background:url(background_title_repeat.jpg) 0 0 repeat;  font-weight:bold;}
#tab_menu .nav li a:hover { background-color: #111; }

#tab_menu ul { list-style: none; }
#tab_menu ul li a { display: block; padding: 4px; color: #666; }
#tab_menu ul li a:hover, #tab_menu ul li a:focus {color:#333333;}
#tab_menu ul li:last-child a { border: none; }

#tab_menu .nav li a.current, ul .nav li a:hover { background-color:#FFFFFF; color: black; border-bottom:none; }
.super_admin div#tab_menu div.list-wrap {border:1px solid #eaeaea; margin-top:-1px; overflow:hidden; border-bottom:none; background:url(background_content_repeat.jpg) 0 0 repeat;}
.super_admin div#tab_menu ul.nav li a.current{ background:none; background-color:#FFFFFF; color:#3a87ad; border-bottom:none; background:url(background_content_repeat.jpg) 0 0 repeat;}
ul.second_level {overflow:hidden;}
ul.second_level li { float:left; margin-right:8px; font-size:13px;color:#CCCCCC;}
ul.second_level li p {vertical-align:middle;}
.super_admin div#tab_menu div.list-wrap ul ul.second_level li a{color:#3A87AD;}
.super_admin #content{border-top:none;}

#admin_content {padding:10px;}
#admin_content a {color:#3A87AD; font-size:12px;}
.super_admin #title {height:29px; display:block; clear:both; background:url(images/background_title_repeat.jpg) 0 0 repeat-x; width:166px;  padding:8px; padding-left:25px;}

#locator {padding:5px; overflow:hidden;}
.id{color:#3a87ad; font-size:10px; padding-top:5px;}
#search_filter {background-color:#d9edf7; padding:10px; border:1px solid #bce8f1;}
#search_filter p {font-size:11px; color:#3a87ad; margin:10px; margin-bottom:5px;}
.result {padding:5px; }
a.seller_btn {color:#3A87AD;}
#locater_heading {height:20px; display:block; line-height:20px; padding:10px; font-weight:bold; font-size:15px; border-bottom:1px solid #cccccc; background:url(background_title_repeat_darker.jpg) 0 0 repeat;}
#download_heading {height:20px; display:block; line-height:20px; padding:10px; font-weight:bold; font-size:15px; border-bottom:1px solid #cccccc; background:url(background_title_repeat_darker.jpg) 0 0 repeat;}
#contactus_heading {height:20px; display:block; line-height:20px; padding:10px; font-weight:bold; font-size:15px; border-bottom:1px solid #cccccc; background:url(background_title_repeat_darker.jpg) 0 0 repeat;}
p.download_info {background:url(icon_dl_big.png) 0 0 no-repeat; padding-left:23px; line-height:25px; padding-bottom:20px; font-weight:bold; color:#000099;}
p.contactus_info {background:url(icon_contact.png) 0 0 no-repeat; padding-left:23px; line-height:25px; padding-bottom:20px; font-weight:bold; color:#000099;}
#search_filter2 {background-color:#dedede; padding:10px; border:1px solid #bce8f1;}
#search_filter2 p {font-size:11px; color:#3a87ad; margin:10px; margin-bottom:5px;}


/* ----------------------------------------myTab
------------------------------------------------------------------------------------------------*/
#myTab {margin:15px 5px;}
#myTab Ul li {display:inline-block; font-size:13px;  }
#myTab UL li a {background-color:#4D3B84; padding:5px 5px; line-height:20px; border-top-left-radius:5px; border-top-right-radius:5px; color:#CCCCCC; font-weight: bold;}
#myTab Ul li a.selected {background-color:#ffffff; border:1px solid #CCCCCC; border-bottom:1px solid #FFFFFF; color:#3A87AD;}
#myTab UL li a.full {display:block; width:179px; text-align:center;}
#myTab UL li a.full:hover, #myTab UL li a:hover {opacity:1;filter:alpha(opacity=100);}
#myTab div {border-top:1px solid #CCCCCC; font-size:11px; }

#topList, div#myTab div{margin-top:2px;}
#topList ul li {margin:8px 0px; display:table; padding:5px;}
#topList ul li #image_holder {width:50px; height:50px; background-color:#ffffff;  text-align:center; vertical-align:middle; display:table-cell; border:1px solid #CCCCCC; margin-right:3px; padding:3px;}
#topList ul li #image_holder img{max-width:50px; max-height:50px;}
#topList ul li a {color:#3A87AD; background:none; margin:0px; padding:0px; border:0px; line-height:15px;}
#topList ul li a span.merchant_code {color:#4D3B84; font-size:11px; clear:left; float:left; width:120; display:block;}
#topList ul li a p {padding-top:5px; width:115px; display:block; float:right; padding-left:5px;}

ul#text_list li {border-bottom:1px solid #CCCCCC; width:170px; padding:8px 5px 8px 10px}
ul#text_list li a{background:none; color:#000; padding:0px; line-height:16px; font-weight: normal;font-size: 12px;}
ul#text_list li a:hover {text-decoration: none;cursor: text;}
ul#text_list li a span.announceDate {color:#3A87AD; font-size:12px; width:120; display:block; font-weight: normal;}

.slide ul#text_list li{padding:0px; width:189px; display:block; border-bottom:1px solid #CCCCCC;}
.slide ul#text_list li a{padding:8px 5px 8px 10px; display:block; border-radius:0px; border:none;}

#myTab.slide {margin-bottom:0px; margin-top:0px; }
#myTab.slide div{border-top:0px; margin-top:0px; font-weight: normal;}
#myTab.slide div.bx-wrapper a.bx-prev {display:inline-block; position:relative; z-index:999; bottom:-7px; right:-165px; background-image:url(ico_slideshow-control_vertical.png)}
#myTab.slide div.bx-wrapper a.bx-next{display:inline-block; position:relative; z-index:999; bottom:-7px;  right:-112px; background-image:url(ico_slideshow-control_vertical.png)}

#myTab.slide #topList {margin-top:10px;}
#myTab.slide #topList ul li{margin:0px; padding:0px; display:block;}
#myTab.slide #topList ul li a{padding:5px; margin:0px; width:179px;}
#ctr { height:30px; display:block; background:url(background_tab_slide_ctr.png) 0 0 no-repeat; position:relative; top:-15px; }

ul.iPromotion li{display:table-cell; vertical-align:middle; text-align:center; width:189px; height:189px;}
ul.iPromotion img {max-width:189px; max-height:189px;}




/* ----------------------------------------Country list
------------------------------------------------------------------------------------------------*/
#country_list {padding:5px;}
#country_list ul li {display:inline-block; width:92px; margin-bottom:5px;}
#country_list ul li a {color:#3a87ad; font-size:11px;}
#country_list ul li a img {vertical-align:middle; padding-right:5px;}

/* ----------------------------------------Highlight
------------------------------------------------------------------------------------------------*/
#highlight {background-color:#3D5998; height:40px; padding:5px;}
#highlight ul li{display:inline-block;}
#highlight ul li a { height:40px; width:40px; background-color:#5877bc; text-align:center; vertical-align:middle; display:table-cell;}
#highlight ul li#slide_text {width:260px; overflow:hidden;}
#highlight ul li#slide_text p a {background:none; width:260px; color:#ffffff; font-size:12px; text-align:inherit; padding:0px 5px;}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_close_left, #JT_close_right{font-size: 10px;}
#JT_copy p, #JT_copy ul{font-size: 10px;}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#999999;
	font-size: 10px;
	font-weight:bold;
	padding:2px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	background-color:#999999;
	color:#FF0000;
	text-decoration: none;
}

#JT_arrow_left{
	background-image: url(arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
}
/* ---------->>> jtip <<<---------------------------------------------------------------*/


/* ----------------------------------------Highlight
------------------------------------------------------------------------------------------------*/
#highlight {background-color:#3D5998; height:40px; padding:5px;}
#highlight ul li{display:inline-block;}
#highlight ul li a { height:40px; width:40px; background-color:#5877bc; text-align:center; vertical-align:middle; display:table-cell;}
#highlight ul li#slide_text {width:260px; overflow:hidden;}
#highlight ul li#slide_text p a {background:none; width:260px; color:#ffffff; font-size:12px; text-align:inherit; padding:0px 5px;}


/* ----------------------------------------FAQ
------------------------------------------------------------------------------------------------*/
#faq {display:block;}
#faq div p {font-size:12px; line-height:15px;}
#faq div {border-top:2px solid #e5e5e5;}
.ui-accordion { margin: 15px 30px; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background-color:#C2D7DE; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
div#faq.ui-accordion h3.ui-state-active a{color:#316d81;}
div#faq.ui-accordion h3.ui-accordion-header.ui-state-active {background:url(background_title_repeat_darker.jpg) 0 0 repeat; border-bottom:2px solid #FFFFFF;}
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0.7em; color:#4D3B84; font-weight:bold; font-size:15px;}
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em;  }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -5px;}
.ui-icon-triangle-1-e {background:url(ui-icons_454545_256x240.png) -32px -16px no-repeat;}
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; background-color:#f2f2f2;}
.ui-icon-plus {background:url(ico_calendar_down.png) 0 0 no-repeat; width:12px; height:12px; display:block;}
.ui-icon-minus {background:url(ico_calendar_up.png) 0 0 no-repeat; width:12px; height:12px; display:block;}


/* ----------------------------------------contact_form
------------------------------------------------------------------------------------------------*/
#full_content #contact_title{margin:0px;}
#contact_title {background:#FFF url("background_title_repeat_darker.jpg") repeat scroll 0 0 transparent; padding:15px; margin:0px 5px; border-bottom:1px solid #efefef; border-left:none; border-right:none;}
#contact_form {margin:30px; color:#5b5b5b;}
#white_divider {background-color:#FFFFFF; height:2px; display:block;}

/* ----------------------------------------help_form
------------------------------------------------------------------------------------------------*/
#help_tab {width:960px; margin:20px auto; min-height:400px;}
#help_tab ul.nav {text-align:center;}
#help_tab ul.nav a img {margin-right:8px; vertical-align:middle;}
#help_tab ul.nav li {display:inline-block; margin:0px; padding:0px;}
#help_tab ul.nav li a{background-color:#3D5998; padding:15px 30px; color:#FFFFFF;}
#help_tab ul.nav li a:hover {opacity:1;filter:alpha(opacity=100);}
#help_tab ul.nav li a.current { background:#4D3B84 url(background_help_tab_current.jpg) bottom center no-repeat; color:#FFFFFF; border-bottom:none; padding-bottom:25px;}
#help_tab div.list-wrap {padding:20px; margin-top:8px; background:none; border:none; }
#tabcontact, #tabdl {background:url("background_content_repeat.jpg") repeat scroll 0 0 transparent; border:1px solid #D7D7D7;}

/* ----------------------------------------Downlaod list
------------------------------------------------------------------------------------------------*/
#download_list {margin:10px;}
ul.download_list li {border-bottom:1px solid #ffffff; border-top:1px solid #f6f6f6; border-left:none; border-right:none;}
ul.download_list li:hover {background-color:#f9f9f9; border-bottom:1px solid #f1f1f1}
ul.download_list li a{padding:20px 10px 0px 20px; display:block; font-size:16px;}
ul.download_list li a:hover {opacity:1;filter:alpha(opacity=100); color:#3D5998;}
ul.download_list li a span.download_btn {color:#F59829; background:url(doc.png) 0 0 no-repeat; height:16px; display:block; padding:0px 5px 20px 20px; font-size:12px; margin-top:5px;}

/* ---------------------------------------Top
------------------------------------------------------------------------------------------------*/
#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}


.required {font-size:12px; font-weight: bold; color: red;}

.errorMessage
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:red;
	font-weight: bold;
	text-decoration:none;
}

.warning
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:red;
	font-weight: bold;
	text-decoration:none;
}

.actionMessage
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3B5998;
	font-weight: bold;
	text-decoration:none;
}
